@import "base";

.home-main{
  font-size: 14px;
  //margin-bottom: 50px;

  //*****搜索栏*****
  .search-box{
    height: 44px;
    padding:8px 12px;
    box-sizing: border-box;

    img{
      width: 51px;
      height: 24px;
      vertical-align: top;
    }

    p.search-c{
      display: inline-block;
      width: 100%;
      height: 28px;
      line-height: 28px;
      color: #C5C5CC;
      text-align: center;

      padding:0 12px;
      box-sizing: border-box;

      span{
        background-color: #F5F5F7;
        display: inline-block;
        width: 100%;
        border-radius:22px;

      }

      i{
        background-color: unset;
        color: #C5C5CC;
        font-size: 14px;
      }
    }

    .search-r{
      display: inline-block;
      line-height: 28px;
      //position: relative;
      //top: 5px;
      //left: 0;

      i{
        //background-color: #FFCCCC;
        display: inline-block;
        width: 22px;
        height: 22px;
        color: #333;
        font-size: 20px;
        text-align: center;
      }

       i:nth-child(2){
         //position: relative;
         //top: -3px;
         //left: 0;
         margin-left: 4px;
       }
    }
  }
  //*****搜索栏*****

  //*****轮播图*****
  .swipe-main{
    width: 100%;
    height: 150px;
  }
  //*****轮播图*****

  //*****菜单栏*****
  .nav-main{
    height: 95px;

    .van-row{
      height: 100%;

      .nav-item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 95px;
        color: #333;
        font-size: 12px;

        img{
          width: 47px;
          height: 47px;
        }

        span{
          margin-top: 4px;
        }
      }
    }
  }
  //*****菜单栏*****

  //*****banner1*****
  .banner-one{
    height: 100px;
    padding:5px 12px;
    box-sizing: border-box;

    img{
      width: 100%;
      height: 100%;
      border-radius:4px;
    }
  }
  //*****banner1*****

  //*****秒杀*****
  .seckill-main{
    height: 200px;

    .van-row{
      height: 100%;

      .van-col{
        height: 100%;

        .seckill-none{
          //top: 40px;
          //right: 8px;
          width: 63px;
          height: 35px;
          z-index:10;
        }
      }

      .seckill-l{
        height: 100%;
        width: 100%;

        .seckill-none{
          top: 40px;
          right: 8px;
          //width: 63px;
          //height: 35px;
          //z-index:10;
        }

        .box-one{
          height: 100%;
          width: 100%;
          padding:12px 15px 0;
          box-sizing: border-box;

          p:first-child{
            line-height: 16px;
            font-size: 11px;

            img{
              width: 72px;
              height: 16px;
              vertical-align: top;
            }
          }

          p:nth-child(2){
            height: 20px;
            line-height: 20px;
            color: #333;
            margin-top: 4px;

            span{
              display: inline-block;
              background-color: #333;
              width: 20px;
              height: 20px;
              border-radius: 3px;
              color: #fff;
              font-size: 12px;
              text-align: center;
            }
          }

          p:nth-child(3){
            bottom: 0;
            left: 24px;
            z-index:1;

            img{
              width: 140px;
              height: 140px;
            }
          }

        }
      }

      .seckill-r{

        .box-tow,
        .box-three{
          height: 100px;
          width: 100%;
          padding: 12px 15px;
          box-sizing: border-box;

          p:first-child{
            font-size: 14px;
          }

          p:nth-child(2){
            margin-top: 6px;
            font-size: 11px;
          }

          p:nth-child(3){
            top: 21px;
            right: 10px;
            z-index:1;

            img{
              width: 120px;
              height: 75px;
            }
          }

          .seckill-none{
            top: 28px;
            right: 8px;
          }
        }


      }
    }
  }
  //*****秒杀*****

  //*****banner2*****
  .banner-two{
    background-color: #fff;
    height:auto;

    .banner-img-box{
      margin-bottom: 10px;
      height: 130px;
    }

    img{
      height: 130px;
      width: 100%;
    }
  }
  //*****banner2*****

  //*****推荐产品*****
  .recommend-products{
    width: 100%;
    height:auto;

    .img-box{
      display: flex;
      height: 260px;
      flex-wrap:wrap;

      li{
        width: 50%;
        height: 130px;


        img{
          width: 100%;
          height: 130px;
        }
      }

      li:nth-child(2n){
        border-right: none;
      }

    }

  }
  //*****推荐产品*****

  .title-p{
    height: 44px;
    line-height: 44px;
    font-weight: bold;
  }

  //*****banner3*****
  .banner-three{
    width: 100%;
    height: 100px;
    //padding:15px 12px;
    //box-sizing: border-box;

    img{
      width: 100%;
      height: 100px;
      //border-radius:35px;
    }
  }
  //*****banner3*****

  //*****热卖产品*****

  //*****热卖产品*****

  //*****弹窗*****
  .prompt-win{
    position: fixed;
    top: 0;
    left:0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    z-index:10;

    .win-box{
      width: 270px;
      height: 220px;
      padding:25px  25px 20px;
      box-sizing: border-box;
      border-radius: 12px;
      color: #333;

      img{
        width: 92px;
        height: 60px;
      }

      .btn{
        margin-top: 24px;

        span{
          background: #9882FC;
          width: 100%;
          height: 40px;
          line-height: 40px;
          color: #fff;
          border-radius: 22px;
        }
      }
    }
  }
  //*****弹窗*****

  .is-none-pop{
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #adadb3;

    span{
      color: #c5c5cc;
    }
  }

}


